<?xml version="1.0" encoding="utf-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <!-- Root template -->
    <xsl:template match="/">   
        
    <table width="468" border="0" align="center">
        <tr>
          <td width="30" bgcolor="#66CCFF">Selec</td>
          <td width="42" bgcolor="#66CCFF"><div align="center">ID</div></td>
          <td width="221" bgcolor="#66CCFF">Producto</td>
          <td width="53" bgcolor="#66CCFF"><div align="center">Precio US$ </div></td>
          <td width="41" bgcolor="#66CCFF"><div align="center">Stock</div></td>
          <td width="55" bgcolor="#66CCFF"><div align="center">Imagen</div></td>
        </tr>
        
<xsl:for-each select="productos/producto" >
        <xsl:variable name="id" select="id" />
        <tr class="fila_over" onmouseover="color_fondo(this, 'over')" onmouseout="color_fondo(this, 'out')">
          <td><div align="center">
            <input name="chkID" type="checkbox" id="chkID" value="Z0001" />
          </div></td>
          <td><div align="center"><xsl:value-of select="id" /></div></td>
          <td><a href="#"><xsl:value-of select="nombre" /></a></td>
          <td><div align="center"><xsl:value-of select="precio" /></div></td>
          <td><div align="center"><xsl:value-of select="stock" /></div></td>
          <td><div align="center"><img src="imagen?id={$id}" width="40" height="27" /></div></td>
        </tr>

</xsl:for-each>
        
      </table>
      <table width="468" border="0" align="center">
        <tr>
          <td bgcolor="#66CCFF"><div align="center">P&#122;gina: &#160;<a href="#">1</a> &#160;2 &#160;3</div></td>
        </tr>
      </table>

  </xsl:template>
</xsl:stylesheet>